import React from 'react';
import BaseComponent from '@/components/BaseComponent';
import {Collapse, Input} from "antd";
const { Panel } = Collapse;
const { TextArea } = Input;

class OtherDataView extends BaseComponent {
  constructor(props) {
    super(props);
  }

  render() {
    const { data } = this.props;
    return (
      <Collapse accordion>
        {data &&
          data.map((item, index) => {
            return (
              <Panel header={item.title} key={index}>
                <TextArea rows={4} value={item.content} disabled={true}></TextArea>
              </Panel>
            );
          })}
      </Collapse>
    );
  }
}

export default OtherDataView;
